<template>
  <div class="ddd">
    <div class="top"></div>
    <div class="box">
      <van-sidebar class="sidebar" v-model="activeKey">
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
        <van-sidebar-item title="标签名称" />
      </van-sidebar>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      activeKey: 0,
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang='less' scoped>
html {
  width: 100%;
  height: 100%;
  // background-color: rgb(180, 178, 172) !important;

  .ddd {
    height: 100%;
    width: 100%;
    background-color: rgb(180, 178, 172) !important;
  }
}
.top {
  height: 1.333333rem /* 50/37.5 */;
  background-color: wheat;
}
.van-sidebar-item--select,
.van-sidebar-item--select:active {
  background-color: #296afc;
  color: white;
}
/deep/ .van-sidebar-item--select::before {
  background-color: rgba(184, 135, 11, 0);
}
.box {
    height: 100%;
}
.sidebar {
  // margin-top: 10vh;
  height: calc(100vh - 1.333333rem);
}
</style>